<include file="header" />
<include file="commonJS" />
<include file="share_header" />
<body>
<div class="wraper">
    <!-- <div class="load">
        <img class="load-bee" src="/assets/base/charging/images/load-bee.png">

    </div> -->
    <div class="top">
        <p>
            <a href="javascript:history.back();" class="iconfont icon-zuo fl-left"></a>
            {BEESCRM:$app_name}
            <a href="{BEESCRM::U('/Base/charging/index',array('chargingId'=>$chargingId))}" class="iconfont icon-shouye fl-right"></a>
        </p>
    </div>
    <div class="balance-wallet">
        <p class="padding-b">时长余额</p>
        <div class="tb-mode">
            <span class="balance tb-cell">{BEESCRM:$data.overplus_time}</span>
            <!-- {BEESCRM::U('base/Charging/recharge',array('wechat_id' => $wechat_id, 'origin' => $origin))} -->
            <p class="tb-cell text-right"><if condition="$data['protocol'] neq 1 && $content neq null"><a href="javascript:void(0)" class="recharge first"><else/><a href="/index.php?g=base&m=charging&a=recharge&chargingId={BEESCRM:$chargingId}" class="recharge"></if>充值</a></p>
        </div>
    </div>
    <p class="block-space">历史充电记录</p>
    <volist name="data.log" id="vo">
    	
    	<div class="history">
    	<if condition=" $vo['type'] eq 1">
	        <p class="block-space title">{BEESCRM:$vo.create_time|date="Y-m-d H:i",###} 至 {BEESCRM:$vo.end_time|date="Y-m-d H:i",###}</p>
	        <div class="lists clearfix">
	        	<p>消耗：<span class="text-green">{BEESCRM:$vo.consume_time}</span></p><p>剩余：<if condition="$vo['surplus_time'] lt 0">0<else/>{BEESCRM:$vo.surplus_time}</if></p>
	        </div>
	    <elseif condition=" $vo['type'] eq 2 "/>
	   		<p class="block-space title">{BEESCRM:$vo.create_time|date="Y-m-d H:i",###} </p>
	        <div class="lists clearfix">
	        	<p>充值：<span class="text-red">{BEESCRM:$vo.consume_time}</span></p><p>剩余：{BEESCRM:$vo.surplus_time}</p>
	        </div>
	     </if>
	    </div>
    </volist>
    <div class="btn-box clearfix">
    	<a href="javascript:void(0)" class="btn half-btn charging">立即充电</a>
        <a href="javascript:void(0)" class="btn half-btn near">查看网点</a>
    </div>
    <div class="pop-box">
        <p class="pop-title">电瓶车充电用户协议</p>
        <div class="main">
           
            <if condition="!empty($content)">
                 <p>
                {BEESCRM:$content}
                 </p>
            <else/>
                <p style="text-indent:28px">
                <span style="font-family:宋体">在此特别提醒您认真阅读、充分理解本《电瓶车充电用户协议》（以下称《协议》）——您应认真阅读、充分理解本《协议》中各条款，包括免除或者限制充电保</span>-<span style="font-family:宋体">电瓶车智能平安充电（以下称“充电保”）责任的免责条款及对您的权利限制条款。请您审慎阅读并选择接受或不接受本《协议》（未成年人应在法定监护人陪同下阅读）。除非您接受本《协议》所有条款，否则您无权注册、登录或使用“充电保”所提供的相关服务。您的注册、登录、使用等行为将视为对本《协议》的接受，并同意接受本《协议》各项条款的约束。</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">本《协议》是您与本公众号之间关于您注册、登录、使用“充电保”服务所订立的协议。本《协议》描述本公众号与您之间关于“充电保”服务相关方面的权利义务。“用户”是指注册、登录、使用、浏览本服务的个人或组织。</span>
            </p>
            <p style="text-indent:28px">
                &nbsp;
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">一、用户权利及义务</span>
            </p>
            <p style="text-indent:28px">
                1.<span style="font-family:宋体">“充电保”账号归本公众号所有，该使用权仅属于初始申请使用人。本公众号因经营需要，有权无条件回收用户的“充电保”账号。</span>
            </p>
            <p style="text-indent:28px">
                2.<span style="font-family:宋体">用户有权更改、删除在“充电保”上的个人资料、注册信息及传送内容等。用户有责任妥善保管账号信息的安全，在您怀疑他人在使用您的账号时，您同意立即通知本公众号。</span>
            </p>
            <p style="text-indent:28px">
                3.<span style="font-family:宋体">用户应遵守本协议的各项条款，正确、适当地使用“充电保”软件及充电设备，如因用户违反本协议中的任何条款，本公众号有权依据协议终止对违约用户提供服务。同时，本公众号保留在任何时候收回“充电保”服务的权利。</span>
            </p>
            <p style="text-indent:28px">
                &nbsp;
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">二、使用规则</span>
            </p>
            <p style="text-indent:28px">
                1.<span style="font-family:宋体">您充分了解并同意，“充电保”仅是为您提供信息分享、传送及获取的平台，您必须为自己注册账号及使用过程中的一切行为负责，包括您所传送的任何内容以及由此产生的任何结果。您应对“充电保”中的内容自行加以判断，并承担因使用而引起的所有风险，包括因对内容的正确性、完整性或实用性的依赖而产生的风险。本公众号无法且不会对因用户行为而导致的任何损失或损害承担责任。</span>
            </p>
            <p style="text-indent:28px">
                2.<span style="font-family:宋体">您在“充电保”服务中或通过“充电保”所传送的任何内容并不反映本公众号的观点或政策，本公众号对此不承担任何责任。</span>
            </p>
            <p style="text-indent:28px">
                3.<span style="font-family:宋体">您充分了解并同意，本公众号对您在“充电保”上发布的任何公开信息具有使用权，包括充电实时图片。使用范围包括，“充电保”应用内以及应用外其他法律允许的范围和区域。</span>
            </p>
            <p style="text-indent:28px">
                4.<span style="font-family:宋体">您须对在“充电保”上所传送信息的真实性、合法性、无害性、有效性等全权负责；您所传播信息相关的任何法律责任由您自行承担，与“充电保”无关。</span>
            </p>
            <p style="text-indent:28px">
                5.<span style="font-family:宋体">本公众号保留因业务发展需要，单方面对本服务的全部或部分服务内容在任何时候不经任何通知的情况下变更、暂停、限制、终止或撤销“充电保”服务的权利，您需承担此风险。在本公众号修改《协议》条款后，如果用户不接受修改后的条款，请立即停止使用“充电保”，用户继续使用将视为已接受了修改后的协议。</span>
            </p>
            <p style="text-indent:28px">
                6.<span style="font-family:宋体">“充电保”提供的服务中可能包括广告，您同意在使用过程中显示“充电保”和合作伙伴提供的广告。</span>
            </p>
            <p style="text-indent:28px">
                7.<span style="font-family:宋体">用户不得利用“充电保”或“充电保”服务制作、上载、复制、发送如下内容：</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>1<span style="font-family:宋体">）反对宪法所确定的基本原则的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>2<span style="font-family:宋体">）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>3<span style="font-family:宋体">）损害国家荣誉和利益的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>4<span style="font-family:宋体">）煽动民族仇恨、民族歧视，破坏民族团结的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>5<span style="font-family:宋体">）破坏国家宗教政策，宣扬邪教和封建迷信的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>6<span style="font-family:宋体">）散布谣言，扰乱社会秩序，破坏社会稳定的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>7<span style="font-family:宋体">）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>8<span style="font-family:宋体">）侮辱或者诽谤他人，侵害他人合法权益的；</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">（</span>9<span style="font-family:宋体">）含有法律、行政法规禁止的其他内容的信息。</span>
            </p>
            <p style="text-indent:28px">
                8.<span style="font-family:宋体">本公众号将根据市场与技术的发展，向用户提供与“充电保”相关的各种互联网及增值服务，包括免费和收费的增值服务。本公众号保留对相关增值服务收取费用及改变收费标准、方式的权利；如相关服务由免费变更为收费服务，本公众号将以适当的形式通知，用户可自主选择接受或拒绝收费服务，并保证在使用收费服务时，将按照本公众号相关收费规定支付费用，如拒付或拖欠费用，本公众号有权停止服务，并依法追偿损失及赔偿。</span>
            </p>
            <p style="text-indent:28px">
                &nbsp;
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">三、免责条款</span>
            </p>
            <p style="text-indent:28px">
                1.<span style="font-family:宋体">“充电保”每路允许且只允许一台电动自行车充电，严禁联接其他负载。</span>
            </p>
            <p style="text-indent:28px">
                2.<span style="font-family:宋体">使用者需严格按照“充电保”操作指南进行充电，如因使用者操作不当引发的一切损失及后果由使用者自行承担，并赔偿给“充电保”和本公众号造成的一切损失。</span>
            </p>
            <p>
                <span style="font-size:14px;font-family: &#39;Calibri&#39;,&#39;sans-serif&#39;">3.</span><span style="font-size:14px;font-family:宋体">如因使用者的电动自行车本身的质量、安全问题或使用者的使用不当而引发的安全事</span>
            </p>
            <p style="text-indent:28px">
                <span style="font-family:宋体">故，一切损失及后果由使用者自行承担，并赔偿给“充电保”和本公众号造成的一切损失。</span>
            </p>
            <p style="text-indent:28px">
                4.<span style="font-family:宋体">“充电保”仅为使用者提供电动自行车充电便利，不承担使用者的车辆及停放在”充电保”设施内及附近车辆的保管及任何安全保障，请于离开前锁好车辆；如出现损坏、遗失、被盗等情况，本公众号均不承担经济和法律责任。</span>
            </p>
            <p>
                <br/>
            </p>
        </if>
           
        </div>
        <div class="pop-btn">
            <p class="checkbox"><span class="iconfont icon-xuanzedianjihou xieyi"></span>我同意此协议</p>
            <a href="javascript:void(0)" class="btn recharge btn-grey">下一步</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
    	/*var height = window.innerHeight;
    	if(typeof height != 'number'){
	    	if(document.compatMode == 'CSS1Compat'){
		    	height = document.docuementElement.clientHeight;
	    	}else{
		    	height = document.body.clientHeight;
	    	}
    	}*/
    	$('.first').click(function(){
			$('.pop-box').show();
            var view_h = $('.pop-box').height();
            var title_h = $('.pop-title').outerHeight();
            var btn_h = $('.pop-btn').outerHeight();
            $('.main').css('height',view_h - title_h - btn_h);
		});
    	$('.btn-grey').click(function(){
    		if($('span:last').is(".checked")){
    			location.href = "/index.php?g=base&m=charging&a=recharge&chargingId={BEESCRM:$chargingId}&protocol=1";
    		}
    	});
    });
    
    $('.checkbox').click(function(){
        $(this).find('.iconfont').toggleClass('checked');
        $('.pop-btn').find('.recharge').toggleClass('btn-grey');
    })
    
    //调起二维码扫一扫
$(document).on('click','.charging',function(){
	$.toast("loading","正在加载...");
	 wx.scanQRCode({
		needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
		scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
		success: function (res) {
			var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
		}
	}); 
});

$(document).on('click','.near',function(){
    $.toast("loading","正在加载...");

	wx.getLocation({
		type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
		success: function (res) {
			var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
			var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
			var speed = res.speed; // 速度，以米/每秒计
			var accuracy = res.accuracy; // 位置精度

			if(latitude && longitude){
				location.href = "/base/charging/near/latitude/"+latitude+"/longitude/"+longitude+"/chargingId/{BEESCRM:$chargingId}";
			}else{
				alert('地理位置获取失败不能查看网点');
			}
		}
	});
});
</script>
</body>
</html>